<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>banner</title>
	<link rel="stylesheet" href="./font_eid4zq69fqbsm7vi/iconfont.css">
	<link rel="stylesheet" href="./css/nav_footer.css">
	<link rel="stylesheet" href="./css/test.css">
</head>
<body>
	<div class="wrap">
		<div class="nav">
			<div class="nav-header">
				<div class="nav-title">空间激光干涉仪</div>
				<div class="nav-search">
					<input type="text" placeholder="请输入关键词">
					<i class="iconfont icon-search icon-position"></i>
				</div>
			</div>
			<div class="nav-list">
				<ul>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
				</ul>
			</div>
		</div>
		<div class="content">
			<div id="container">
	         	<div id="list" style="left: 0px;">
	             	<img src="./images/banner1.png" alt="1" />
	             	<img src="./images/banner2.png" alt="2" />
	             	<img src="./images/banner3.png" alt="3" />
	         	</div>
	         	<div id="buttons">
	             	<span index="1" class="on"></span>
	             	<span index="2"></span>
	             	<span index="3"></span>
	         	</div>
	         	<a href="javascript:;" id="prev" class="arrow">&lt;</a>
	         	<a href="javascript:;" id="next" class="arrow">&gt;</a>
	     	</div>
		</div>
		<div class="footer">中国科学院上海光学精密研究所</div>
	</div>
	<script src="./js/test.js"></script>
</body>
</html>